<template>

    <mavonEditor
    class="markdown-editor"
      :value="markdownContent"
      :toolbarsFlag="false"
      :subfield="false"
      :defaultOpen="'preview'"
      :boxStyle="{ backgroundColor: '#1f1f1f' }"
    ></mavonEditor>

</template>
<script>
import { mavonEditor } from 'mavon-editor';
import 'mavon-editor/dist/css/index.css';
export default {
  components: {
    mavonEditor,
  },
  props: {
    markdownContent: {
      type: String,
      required: true
    }
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
.markdown-editor{
    min-height: auto;
    max-height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    max-width: 500px;
}
</style>
